<script setup>
import NavBar from "@/components/NavBar.vue";
import Status from "@/components/stock/inStatus.vue";
import List from "@/components/stock/list.vue"
import {useRouter} from "vue-router";
const router = useRouter()

const handleConfirm = () => {
  router.push('/Successful')
}
const backFn = () => {
  router.push('/SelectProducts')
}
</script>

<template>
  <div class="overflowHidden">
    <NavBar title="产品入库"></NavBar>
    <div class="height">
      <Status />
      <List></List>
    </div>
    <div class="elasticity justify-around w-full fixed py-[3px] left-0 bottom-0  backgroundColor">
      <div class="text-[12px]" @click="backFn">返回上一步修改</div>
      <van-button type="primary" round="true" @click="handleConfirm">确认创建</van-button>
    </div>
  </div>
</template>

<style scoped lang="less">
::v-deep {
  .van-button{
    height: 40px;
  }
}
</style>